.tkb-box{
	position: fixed;
	z-index:100;
	width: 780px;
	height: 300px;
	padding:10px;
	background-color: #EEE;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 7px 0 #ccc;
	left:0;
	bottom: 0;
	display: none;
}

.tkb-box .key-row{
	text-align: center;
	margin-bottom: 5px;
	height: 50px;
}

.tkb-box .tkb-key{
	position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 4px;
    border: none;
    border-bottom: 3px solid #CCC;
    margin: 0 2px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #666;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
}

.tkb-box .tkb-key:hover {
	box-shadow: 0 0 2px 2px #1c94c4;
	transition: box-shadow .3s ease;
}

.tkb-box .tkb-key.selected{
	box-shadow: 0 0 2px 2px #1c94c4;
	transition: box-shadow .3s ease;
}

.tkb-box .tkb-key.backspace{
	background-position: 12px 17px;
	background-repeat: no-repeat;
	background-image: url()
}

.tkb-box .tkb-key.enter{
	width: 60px;
}

.tkb-box .tkb-key.capslock{
	width: 80px;
}

.tkb-box .tkb-key.space{
	width: 280px;
}